<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <button onclick="createObj()">Object对象测试</button>
    <script>
        function createObj(){
            //使用Object创建对象
            //let obj = new Object();
            //使用字面量的方式声明一个空对象
            //let obj = {};
            //使用字面量的方式声明一个带有属性的对象
            let obj = {
                phone:"123456",
                addr:'陕西省西安市'
            };
            console.log(obj);//浏览器控制台打印
            //alert(obj);//页面中弹出提示框
            //设置obj对象中的属性
            obj.name = "小明";
            obj.age = 20;
            obj.sex= "男";
            //动态设置obj对象中的方法(函数)
            obj.say=function(){//使用匿名函数设置对象的函数
                console.log("obj的say函数说:我是obj对象中的一个函数(方法)....");
            }
            //设置对象中的函数    
            obj.test=(name)=>{
                console.log("使用箭头函数设置对象的函数"+name);
            }

            console.log(obj);
            //调用对象中的属性
            // console.log(obj.name);
            // console.log(obj.age);
            // console.log(obj.sex);
            //调用对象中的方法(函数)
            obj.say();
            obj.test("小强");


            delete obj.sex;//从对象中移除一个属性
            delete obj.test;//从对象中移除一个函数

            console.log(obj);
           

        }
    </script>
</body>
</html>